草庐IT

前端 PM

全部标签

『前端必备』本地数据接口—json-server 详细介绍(入门篇)

目录前言 一、Node环境搭建1-1简介1-2Node.js环境搭建1-2-1下载1-2-2安装1-2-3验证1-3npm简介二、json-server环境搭建2-1简介2-2安装2-3创建数据库2-4启动​编辑2-5查看三、操作数据3-1查(get)3-2增(post)3-3删(delete)3-4改(put和patch)前言Ajax是前端必学的一个知识点,但刚接触Ajax的同学可能会因为没接口测试而烦恼。本文入门篇会花你10分钟解决没接口测试这个烦恼,而且不需要你具备后端知识。虽然有许多线上的免费接口可以测试,但需要自定义接口和数据的时候,还是本地模拟数据比较适合前端开发者。json-se

2.前端笔记-CSS-字体属性

1.字体系列CSS使用font-family属性定义文本的字体系列body{ font-family:"思源黑体","MicrosoftYaHei";}建议:使用英文写字体的属性值,尽量使用系统默认自带字体,保证在任何用户的浏览器都可以显示微软雅黑-MicrosoftYaHei说明:font-family可以同时赋多个属性值的原因是:如果用户电脑未安装第一种字体,就依次类推用其他字体进行渲染。如果都没有,就使用浏览器默认字体。2.字体大小谷歌浏览器默认16px(像素),尽量给设置大小,不要默认大小。body{ font-size:16px;}给body设置时,会发现标题标签比较特殊,所以需要给

前端插件库之vue3使用element-plus实现登录、注册页面和忘记密码弹窗,以及已有样式的覆盖

vue3使用element-plus实现登录/注册页面登录/注册页面组件预览添加忘记密码弹窗预览已有样式的修改1.字体大小2.router-link默认样式登录/注册页面组件vue3的登录和注册页面目前只有框架和函数框架,根据具体需要填充,已有功能:1.没有勾选同意使用手册,登录和注册按钮是处于隐藏状态的2.密码与确认密码不一致确认3.其余功能处于待填充状态template>divclass="layout">el-tabstype="border-card">el-tab-panelabel="登录">el-formlabel-position="right"label-width="60p

前端工程化知识总结

1.webpack和gulp区别gulp(流)主要指前端开发的工作流程,通过配置一系列的task,定义task处理的事务(例如文件压缩合并、雪碧图、启动server、版本控制等),再定义执行顺序,让gulp执行task,从而构建项目的整个前端开发流程。webpack(模块化)是前端模块化方案,侧重于模块打包,如果将开发中的所有资源(img等静态资源、.js文件、.css文件等)都看成模块,通过loader(加载器)和plugins(插件)对资源进行处理,打包成符合生产环境部署的前端资源。2.gitreset,gitrevert和gitcheckout共同点:用来撤销代码仓库中的某些更改不同点:

前端面试八股文以及答案总结

一、html/css1.盒模型中普通盒模型和怪异(ie)盒模型的区别普通盒模型的width和height计算是按照content内容的大小算的,不包括padding,border,marginIE盒模型的width和height包括padding和border,和content2.块元素和行内元素的区别,常见的块元素和行内元素?块元素单独占据一行,行内元素一行可以存在多个。块元素可以设置width和height,行内元素设置无效块元素内可以包含行内元素,行内元素内部不可以包含块元素常见的块元素有div,li等,常见的行内元素有ispan等3.html语义化标签有哪些?4.伪类和伪元素的区别伪类

Ruoyi框架学习--Vue前端配置文件详解

CSDN话题挑战赛第2期参赛话题:学习笔记1、package.json配置中的重点介绍:1、许可证:license:各种License介绍(BSD,MIT,MPL,ApacheLicense,CC)_赵健乔的博客-CSDN博客2、脚本别名:scripts:对命令的一种别名设定,方便使用的3、一种第三方的检测书写规范的插件:githooks工具:husky"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{js,vue}":["eslint--fix","gitadd"]},4、需要发布的依赖插件管理:

Node 调试利器,前端、Node 开发必备 - VSCode JS Debug Terminal

经常看到有同学抱怨Node调试麻烦或者是搞不清怎么调试各种脚本、Jest、Webpack等等,而偶尔看到的调试相关的文章又全都是在写inspect、launch.json这些方案,其实有一定学习成本。而其实在VSCode中早已内置了相当无脑的Debug方式,就是JavaScriptDebugTerminal,利用它我们只需要负责打断点,别的什么inspect、launch.json都不需要关注,主打的就是一个无脑、简单。使用要启用JavaScriptDebugTerminal过程实在是太无脑了,不过还是说一下吧,要开启只需要一步:在Terminal中新开一个JavaScriptDebugTer

前端失业 3个月,尝试接私单的感触

不知名专科毕业,工作5年多,换了个城市,本来打算重新发展,结果找了3个月工作都没有找到合适的,老婆天天嫌弃,有时候跟她说出去找工作,其实只是去公园坐坐。之前是前端工程师,在一家国企任职,没想大家想的那么轻松,疯狂内卷,我在学生时代考试就不太愿意复习,面试的准备我也是比较随缘,理所应当地尝到了”不好好准备面试“的后果。投了100多家公司,面了20+次,基本都是觉得年纪大,或者没有做过管理岗位,而且外包多,小公司多,工资水平也不满意。在我想这样下去也不是办法,于是就想不如在家接单吧,正好朋友介绍了一些单子,于是就想着试试,反正难度不大,我也有空,总算有了待在家的理由。其实没有网上说的月入几万这么夸

PM要不要懂技术?(1、心态篇)

背景:曾在大厂非研发部门做项目管理,1年前进入研发部门开始PM工作。所就职公司研发能力很强,涉猎的技术面广,对硬件、软件、中间件都有产品。所在部门所做的工作包含产品最底层到应用层的方方面面,技术壁垒高。缘起:昨天在例行项目会议上,部门内一名工程师直接点名,要求合作方把产品部件发回我方,接收人写我的名字。当时一霎那我是有点懵的,所以,我在工程师的眼中,因为不懂技术,被定位为快递小妹?!我想每一个非技术出生的项目经理都会遇到这样的困惑,不懂技术,在研发团队,我的价值是什么?这一年内,我在内心大概问了300遍。周围工程师讨论的问题听不懂,他们的专业术语看不懂,他们很nice,但是很明显的,基本技术知

前端常用的一些插件、UI框架、js库,样式库以及官方文档。【持续更新】

文章目录UI框架一、vxe-table1.1文档地址1.2安装教程二、Element2.1文档地址2.2安装教程三、AntDesignVue3.1文档地址3.2安装教程四、iView4.1文档地址4.2安装教程五、Vuetify六、Quasar七、VuePress:极简静态网站生成器八、BootstrapVue九、VueMaterial十、Vuesax十一、Vuikit十二、AliTelecomUI框架-移动端一、Vant二、MintUI工具库一、Gantt:甘特图二、echarts:可视化图表库1.1文档地址1.2安装教程三、图标库Ⅰ、iconfont3.1.1文档地址3.1.2使用帮助Ⅱ、